iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0
自我挑戰組

給自己學習30天重新認識css系列 第 6

p段落標籤-基礎用法

  • 分享至 

  • xImage
  •  

p段落標籤最常使用搭配段落文章使用
同時也是一個display:block特性的元素

<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Adipisci cupiditate, mollitia labore laudantium necessitatibus ipsum culpa quas eos saepe illum. Harum autem, eius reiciendis facere atque nisi ut eos quidem?</p>

https://ithelp.ithome.com.tw/upload/images/20210921/20140764wBnAkn7Nbs.png

也可以搭配圖片及標題或段落使用

    <h2>這是一張圖片</h2>
    <p>這是一張電腦的圖片</p>
    <img src="https://images.unsplash.com/photo-1593642702749-b7d2a804fbcf?ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80" alt="This is images">

https://ithelp.ithome.com.tw/upload/images/20210921/20140764zu3DLxMkIF.png

參考文獻:
The Paragraph element


上一篇
絕對路徑及相對路徑
下一篇
a連結標籤基礎方法
系列文
給自己學習30天重新認識css16
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言